<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
          * {
            margin: 0px;
            padding: 0px;
            list-style: none;
        }
         .top {
            width: 100vw;
            height: 8vh;
            background-color: #ff8a00;
            display: flex;
        }
        .top>div{
            display: flex;
            flex: 1;
            justify-content: center;
            align-items: center;
        }
        .top>div:nth-of-type(1)>img{
            width: 150px;
        }
        .top>div:nth-of-type(2)>img{
            width: 35px;
            margin-left: 25px;
        }
        .div1 {
            width: 90vw;
            height: 6vh;
            margin: auto;
            display: flex;
            align-items: center;
        }
        .div1>p>span {
            font-size: 1.1rem;
            font-weight: bold;
        }
        .fang{
            width: 100vw;
            background-color: white;
            display: flex;
            flex-direction: column;
            align-items: center;
            border-top: 1px solid rgb(151, 150, 150);
        }
        .fang1{
            width: 90vw;
            height: 25vh;
            display: flex;
            align-items: center;
            border-bottom: 2px solid  #ff8a00;
        }
        .fang1>div:nth-of-type(1){
            flex: 1;
        }
        .fang1>div:nth-of-type(1)>img{
            width: 100%;
        }
        .fang1>div:nth-of-type(2){
            flex: 2;
            background-color: aliceblue;
            padding-left: .8rem;
        }
        .fang1>div:nth-of-type(2)>p{
            font-weight: bold;
            line-height: 2rem;
            font-size: 1rem;
        }
        .fang1>div:nth-of-type(2)>span{
            font-size: .8rem;
            line-height: 1.5rem;
        }
        .fang1>div:nth-of-type(2)>span:nth-of-type(3){
            float: right;
            color: #ff8a00;
        }
    </style>
</head>
<body>
    <div class="big">
        <div class="top">
            <div>
                <img src="./logo.jpg" alt="">
            </div>
            <div>
                <img src="./my.jpg" alt="">
                <img src="./xiazai.jpg" alt="">
            </div>
        </div>
        <div class="div1">
            <p><span>首页&nbsp;></span>&nbsp;我的&nbsp;>&nbsp;我关注的小区</p>
        </div>
        <div class="fang">
            <div class="fang1">
                <div>
                    <img src="./img1.png" alt="">
                </div>
                <div>
                    <p>辉煌国际</p>
                    <span>昌平区-回龙观</span><br>
                    <span>2007年建成</span><span>37050元/平</span><br>
                    <span>板塔结构</span>
                </div>
            </div>
            <div class="fang1">
                <div>
                    <img src="./img2.png" alt="">
                </div>
                <div>
                    <p>万寿园</p>
                    <span>昌平区-回龙观</span><br>
                    <span>2007年建成</span><span>56447元/平</span><br>
                    <span>板塔结构</span>
                </div>
            </div>
            <div class="fang1">
                <div>
                    <img src="./img4.png" alt="">
                </div>
                <div>
                    <p>红莲南里5号</p>
                    <span>昌平区-回龙观</span><br>
                    <span>2007年建成</span><span>89776元/平</span><br>
                    <span>板塔结构</span>
                </div>
            </div>
            <div class="fang1">
                <div>
                    <img src="./img6.png" alt="">
                </div>
                <div>
                    <p>万寿西街16号</p>
                    <span>昌平区-回龙观</span><br>
                    <span>2007年建成</span><span>90778元/平</span><br>
                    <span>板塔结构</span>
                </div>
            </div>

        </div>
    </div>
</body>
</html>